<!DOCTYPE html>
<html>
	<head>


		<meta charset="utf-8">
		<title>刷题系统</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<META HTTP-EQUIV="pragma" CONTENT="no-cache">
		<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<META HTTP-EQUIV="expires" CONTENT="0">

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="./css/bootstrap/bootstrap.css" />
		<link rel="stylesheet" href="./plugins/vant/index.css">
		<script src="plugins/jQuery/jquery.min.js"></script>
		<script src="plugins/bootstrap/bootstrap.js"></script>
		<script src="./plugins/axios/axios.min.js"></script>
		<script src="./plugins/vue/vue.js"></script>
		<script src="./plugins/vue/vue-cookies.js"></script>
		<script src="./plugins/vant/vant.min.js"></script>
		<script src="./js/common/public.js?v=0.8.0.3"></script>
	</head>
	<style type="text/css">
		.el-range-editor.el-input__inner {
			width: 200px;
		}

		.el-range-editor .el-range-input {
			width: 80px;
		}

		.el-form-item__healthstyle .el-form-item__label {
			width: 50%;
		}

		.el-form-item__workexperiencestyle .el-form-item__label {
			width: 50%;
		}

		.el-form-item__family .el-form-item__label {
			width: 50%;
		}

		.el-form-item__baseinfo .el-form-item__label {
			width: 50%;
		}

		.el-table .success-row {
			background: #f0f9eb;
		}
	</style>
	<body>
		<div id="app">
			<template>
				<div class="container">
					<form>
						<div class="col-sm-push-2 col-sm-8">
							<div class="asbdy" v-for="(item ,index) in pageData">

								<div class="question" style="zoom:1;">
									<span class="num">{{(currentPage-1)*pageSize+index+1}}、</span>
									{{item.tiMu}}
									{{item.questionType=="单选"?' (单选题)':' (多选题)'}}
								</div>

								<div class="anser" style="zoom:1;">
									<ul>
										<li class="xuanXiang" v-for="(value,i) in item.xuanXiang" :class="{'double-line':false}">
											<div v-if="item.questionType=='单选'">
												<input type="radio" v-model="item.picked_radio" :name="'pickedd_' +((currentPage-1)*pageSize+index)" :id="'pickedd_' +((currentPage-1)*pageSize+index)+value.label"
												 v-bind:value="value.label" @change="doCheck(value,item,((currentPage-1)*pageSize+index))" />
												<label :for="'pickedd_' +((currentPage-1)*pageSize+index)+value.label">{{value.label}}.{{value.text}}</label>

											</div>


											<div v-if="item.questionType=='多选'">
												<input type="checkbox" v-model="item.pickedMany" :name="'pickedd_' +((currentPage-1)*pageSize+index)" :id="'pickedd_' +((currentPage-1)*pageSize+index)+value.label"
												 v-bind:value="value.label" @change="doCheck(value,item,((currentPage-1)*pageSize+index))" />
												<label :for="'pickedd_' +((currentPage-1)*pageSize+index)+value.label">{{value.label}}.{{value.text}}</label>
											</div>
										</li>
									</ul>
								</div>


								<div class="clearfix" v-if="showrightchoose">
									<div v-if="item.isRight!=true">
									正确答案{{item.rightchoose}}
									</div>
									<div v-if="item.isRight==true">
									回答正确！
									</div>
								</div>

							</div>

						</div>
						<div class="col-sm-offset-2 col-sm-8 dtbtn">
<!-- 							<button type="button" class="btn btn-primary" style="width: 80px" :disabled="beforeDisable" @click="prev">上一页</button>
							<button type="button" class="btn btn-primary" style="width: 80px" :disabled="nextDisable" @click="next">下一页</button> -->
							<button type="button" class="btn btn-primary" style="width: 80px" @click="show" v-show="showanswer">显示答案</button>
							<button type="button" class="btn btn-primary" style="width: 80px" @click="location.reload()">继续刷题</button>
							<button type="button" class="btn btn-primary" style="width: 80px" @click="back">返回</button>
						</div>
					</form>
				</div>

			</template>
		</div>
	</body>

	<script src="./js/brushtestpaper.js"></script>

	</script>
</html>
